$color-main: rgb(240, 220, 0);
$color-light: #920933;
body {
  background: rgb(24, 74, 94);
}

footer {
  hr {
    border-color: rgba(0, 0, 0, .4);
    margin-bottom: 10px;
  }
  color: rgba(0, 0, 0, .4);
}

.panel-xyq {
  margin-top: 30px;
  background: rgb(220, 220, 232);
  // border: 3px solid #C3C5DE;
  border: none;
  .panel-heading {


    background: rgb(10, 30, 38);
    color: #FFF;
  }
}

.list-xyq-item {
  margin-top: 15px;
  .end_time {
    strong {
      color: #F00;
    }
  }
  .list-group-item {
    float: left;
    width: 20%;
    text-align: center;
    border: none;
    padding: 0px;
    hr {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .item-name {
      font-size: 14px;
    }
    .fly_time {
      font-size: 12px;
      color: #999;
      margin-bottom: 5px;
    }
    .item_level {
      font-size: 12px;
      margin-bottom: 5px;
    }
    .box {
      &.show {
        &.open {
          opacity: 1;
          pointer-events: auto;
          .title {
            background: $color-light;
          }
        }
        pointer-events: none;
        opacity: 0.5;
      }
      .title {
        background: rgba(0, 0, 0, .5);
        color: #FFF;
        font-size: 15px;
        padding: 6px 0;
        i {
          margin-right: 5px;
        }
      }
      padding: 8px;
      border: 2px solid rgb(245, 245, 245);
      &:hover {
        border-color: $color-light;
      }
    }
  }
}
